<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>瞎聊APP-首页</title>
    <link rel="stylesheet" type="text/css" href="../css/home-style.css"/>
</head>
<body>

<!-- 头部 -->
<div class="head">
    <a href="logoutadmin" th:href="@{/logoutadmin}" class="logout" id="logout">退出登陆</a>
    <img src="../img/icon.jpg" class="user-icon" >
    <p class="nickname" id="nickname">昵称:&nbsp;&nbsp;[[${session.loginUser}]]</p>
    <div class="navigation">
        <a href="#" id="queryAll" class="on">瞎聊圈</a>
        <a href="" id="queryNick">我的瞎聊</a>
    </div>
</div>
<!-- 底部 -->
<div class="fart" id="fart">
    <!-- 注解：可以先编写静态的死数据结构，切换动态注解 -->
    <div class="fart-content" th:each="publishs : ${publish}">
        <a id="delete">X</a>
        <div class="fart-content-user">
            <img src="../img/icon.jpg" class="fart-content-user-icon" >
            <div>
                <p th:text="${publishs.getNickname()}" class="fart-content-user-name">微笑纯属礼貌</p>
                <p th:text="${publishs.getDate()}"  class="fart-content-user-date">2020-2-02</p>
                <p th:text="${publishs.getContent_txt()}">XXXXXXXXXXXXXXXXXXXXXXX</p>

            </div>
        </div>
        <!--<div class="fart-content-pubish">-->
        <!--<img src="img/0.jpg" >-->
        <!--</div>-->
    </div>
</div>
<a href="publish">		<img src="../img/publish.png" class="publish" id="publish" >
</a>
</body>
<script src="../js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">


</script>

</html>
